/**
 * Filename: ommon.js
 * Author: xhh
 * Description: 公用js文件
 * Date: 2018.03.19
 */
$(function () {

    $(".header-nav-list li").hover(function () {
        $(this).children("ul").slideToggle();
    });

    // 滑动滚动条
    $(window).scroll(function () {
        // 滚动条距离顶部的距离 大于 700px时,背景色变黑色
        if ($(window).scrollTop() >= 50) {
            $("#site_header").fadeIn(1000).css("background-color", "rgba(0, 0, 0, 1)");
        } else {
            $("#site_header").fadeIn(1000).css("background-color", "rgba(0, 0, 0, .75)");
        }
    });  

    /**************************登录 start**************************/
    //  框显示
    $("#login_btn").on("click", function () {
        showLoginBox('login_wrapper');
    });
    // 登陆框隐藏
    $("#mask").on("click", function () {
        hideLoginBox('login_wrapper');
    });
    $("#login_close").on("click", function () {
        hideLoginBox('login_wrapper');
    });
    /**
     * 隐藏登陆框函数
     * @param  id 
     */
    function hideLoginBox(id) {
        // 遮罩层隐藏
        $("#mask").fadeOut(550);
        // 登陆框隐藏
        $("#" + id).slideUp(500);
    }
    /**
     * 显示登陆框框函数
     * @param id 
     */
    function showLoginBox(id) {
        // 遮罩层显示
        $("#mask").fadeIn(300);
        // 登陆框显示
        $("#" + id).slideDown(600);
    }
    /**************************登录 end**************************/
});